body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0; }

body {
  background: #fff;
  color: #555;
  font-size: 12px;
  font-family: Verdana, Arial, Helvetica, sans-serif; }

td, th, caption {
  font-size: 14px; }

h1, h2, h3, h4, h5, h6 {
  font-weight: normal;
  font-size: 100%; }

address, caption, cite, code, dfn, em, strong, th, var {
  font-style: normal;
  font-weight: normal; }

a {
  color: #555;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

img {
  border: none; }

ol, ul, li {
  list-style: none; }

input, textarea, select, button {
  font: 14px Verdana,Helvetica,Arial,sans-serif; }

table {
  border-collapse: collapse; }

html {
  overflow-y: scroll; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden; }

.clearfix {
  *zoom: 1; }
  

.mid{
    width:100%;
    .mid_z{
        height:557px;
        width:1200px;
        margin:0 auto;
        .mid_left{
            float: left;
        }
        .mid_right{
                width: 340px;
                height: auto;
                background: #fff;
                border: 1px solid #d0d0d0;
                margin-top: 75px;
                position: relative;
                float: right;
                padding-bottom: 10px;
            .zhuzebtn{
                position: absolute;
                top: 15px;
                left: 20px;
                z-index: 1;
                font-size: 13px;
            }
            
            .dLbefore{
                .erweima{
                    
                    width: 60px;
                    height: 60px;
                    position: absolute;
                    top: 0;
                    right: 0;
                    cursor: pointer;
                    
                    background:url(../img/right-myCenter.png);
                    background-position: -75px -75px;
                }
                form{
                        margin: auto;
                        display: block;

                    width:240px;
                    }
                        .input_name2{
                            width:100%;
                            -webkit-border-radius: 10px;
                            border-radius: 10px;
                            outline: 0;
                            line-height: 40px;
                            height: 40px;
                        }
                        .error{
                            line-height: 30px;
                            height: 30px;
                            color: red;
                            width: 95%;
                            margin: auto;
                        }
                    .u_name{
                        margin-top: 50px;
                        .input_name{
                            background:url(../img/login-box.png) no-repeat;
                            background-position: 0 -90px;
                         }   
                        
                    }
                    .U_pass{
                        .input_pass{
                            background-image: url(../img/login-box.png);
                            background-position: 0 -135px;
                        }
                        
                    }
                    .u_save{
                        width:240px;
                        a{
                            display:block;
                            float: left;
                            line-height: 40px;
                            height: 40px;
                            
                            width: 49.9%;
                            text-align: center;
                           input{
                                   width: 14px;
                                    height: 14px;
                                    vertical-align: middle;

                           }
                           label{
                               margin-left: 10px;
                               vertical-align: middle;
                               text-align: left;
                           }
                        }
                    }
                    
                    .u_btn{
                        margin-top: 20px;
                        height:62px;
                        input{
                            width: 100%;
                            padding: 14px 0;
                            -webkit-border-radius: 5px;
                            border-radius: 5px;
                            text-align: center;
                            display: block;
                           
                            border: none;
                            cursor: pointer;
                             background: #C81417;
                            color: #FFF;
                            -webkit-transition: all ease .3s;
                            transition: all ease .3s;
                            margin: 0;

                        }
                    }
                    
                .tongdao{
                    text-align: center;
                    margin-top: 20px;
                    color: #a7a7a7;
                } 
               
                .dlfangshi{
                        width: 50%;
                        margin: auto;
                        margin-top: 10px;
                        li{
                            width: 50%;
                            float: left;
                            display: inline-block;
                            a{
                                color: #000;
                                 i{
                                display: block;
                                background: url(../img/login-box.png);
                                width: 30px;
                                height: 30px;
                                margin: auto;
                                 }
                                .QQ{
                                  background-position: 0 -180px;
                                }
                                .weixin{
                                    background-position: 0 -225px;
                                }
                                p{
                                    width: 100%;
                                    text-align: center;
                                    color: #a7a7a7;
                                    display: block;
                                    line-height: 25px;
                                    height: 25px;
                                }
                            }
                           
                        }

                }   
            }
             
        }
    }
}
